<!DOCTYPE html>
<html>

<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Page Title</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='./index.css'>
    <script src='main.js'></script>
</head>

<body>


    <div class="wea-portrait-ebcom-group-kpi">
        <div class="wea-portrait-ebcom-group-kpi-row">
            <div class="wea-portrait-ebcom-group-kpi-col">
                <div class="dataitem"><span class="itemspan">1月</span>
                    <div class="numdiv">3.82</div>
                </div>
            </div>
            <div class="wea-portrait-ebcom-group-kpi-col">
                <div class="dataitem"><span class="itemspan">2月</span>
                    <div class="numdiv">3.96</div>
                </div>
            </div>
            <div class="wea-portrait-ebcom-group-kpi-col">
                <div class="dataitem"><span class="itemspan">3月</span>
                    <div class="numdiv">4.21</div>
                </div>
            </div>
            <div class="wea-portrait-ebcom-group-kpi-col">
                <div class="dataitem"><span class="itemspan">4月</span>
                    <div class="numdiv">3.86</div>
                </div>
            </div>
        </div>
        <div class="wea-portrait-ebcom-group-kpi-row">

            <div class="wea-portrait-ebcom-group-kpi-col">
                <div class="dataitem"><span class="itemspan">5月</span>
                    <div class="numdiv">3.68</div>
                </div>
            </div>
            <div class="wea-portrait-ebcom-group-kpi-col">
                <div class="dataitem"><span class="itemspan">6月</span>
                    <div class="numdiv">3.99</div>
                </div>
            </div>
            <div class="wea-portrait-ebcom-group-kpi-col">
                <div class="dataitem"><span class="itemspan">7月</span>
                    <div class="numdiv">4.12</div>
                </div>
            </div>
            <div class="wea-portrait-ebcom-group-kpi-col">
                <div class="dataitem"><span class="itemspan">8月</span>
                    <div class="numdiv">4.22</div>
                </div>
            </div>
        </div>
        <div class="wea-portrait-ebcom-group-kpi-row">
            <div class="wea-portrait-ebcom-group-kpi-col">
                <div class="dataitem"><span class="itemspan">9月</span>
                    <div class="numdiv">已过期</div>
                </div>
            </div>
            <div class="wea-portrait-ebcom-group-kpi-col">
                <div class="dataitem"><span class="itemspan">10月</span>
                    <div class="numdiv">3.97</div>
                </div>
            </div>
            <div class="wea-portrait-ebcom-group-kpi-col">
                <div class="dataitem"><span class="itemspan">11月</span>
                    <div class="numdiv">3.88</div>
                </div>
            </div>
            <div class="wea-portrait-ebcom-group-kpi-col">
                <div class="dataitem"><span class="itemspan">12月</span>
                    <div class="numdiv">未开始</div>
                </div>
            </div>
        </div>
    </div>

</body>

<script>
     
        for (let index = 2001; index <= 2022; index++) {
            let yearNode = {
                imageUrl: "/build/portrait/images/product-grow/" + index + ".png",
                mainTitle: index + "",
                subTitle: "",
            }
            switch (index) {
                case 2001:
                    yearNode.subTitle = "泛微起航，<br>协同管理平台v1.0发布";
                    break;
                case 2002:
                    yearNode.subTitle = "第一家<br>提出以“组织为核心”的协同管理";
                    break;
                case 2003:
                    yearNode.subTitle = "第一家<br>自主工作流引擎发布<br>以流程驱动企业运营";
                    break;
                case 2004:
                    yearNode.subTitle = "第一家<br>自主门户引擎发布<br>一站式的融合所有的工作与资讯";
                    break;
                case 2005:
                    yearNode.subTitle = "第一家<br>自主内容引擎发布<br>实现企业非结构化数据的管理";
                    break;
                case 2007:
                    yearNode.subTitle = "第一家<br>发布集团化协同管理平台，<br>支持企业多元化、<br>全球化发展";
                    break;
                case 2008:
                    yearNode.subTitle = "第一家<br>发布建模引擎，实现用户的管理、业务支持能力";
                    break;
                case 2009:
                    yearNode.subTitle = "第一家<br>发布集成平台，打通内部信息孤岛、打造大OA平台";
                    break;
                case 2010:
                    yearNode.subTitle = "第一家<br>发布移动办公平台<br>引领办公平台的移动化";
                    break;
                case 2011:
                    yearNode.subTitle = "第一家<br>发布以“社交化、移动化、平台化”为核心的协同管理平台";
                    break;
                case 2012:
                    yearNode.subTitle = "第一家<br>正式布局云端化办公，<br>发布账号开通即可使用的<br>云端化移动办公平台";
                    break;
                case 2013:
                    yearNode.subTitle = "第一家<br>正式发布移动建模能力的移动办公平台，让企业的业务同步移动化";
                    break;
                case 2014:
                    yearNode.subTitle = "第一家<br>发布基于微信全融合移动办公平台";
                    break;
                case 2015:
                    yearNode.subTitle = "第一家<br>发布移动门户，<br>让企业所有的应用都可以装入到一个移动门户中";
                    break;
                case 2016:
                    yearNode.subTitle = "第一家<br>发布以语音智能化的移动化办公平台";
                    break;
                case 2017:
                    yearNode.subTitle = "第一家发布一体化的<br>移动政务办公平台";
                    break;
                case 2018:
                    yearNode.subTitle = "第一家<br>发布以“智能化、平台化、全程电子化”全新一代OA办公平台";
                    break;
                case 2019:
                    yearNode.subTitle = "为每一个人<br>提供智能化的办公助理，<br>让个人与组织协同发展";
                    break;
                case 2020:
                    yearNode.subTitle = "实现虚拟现实技术融入OA<br>让员工随时随地办公";
                    break;
                case 2021:
                    yearNode.subTitle = "开放、共享和社会化的技术共享平台，开发资源共享的生态建设";
                    break;
                case 2022:
                    yearNode.subTitle = "组织无边界，助力企业组织形态升级，形成职责清晰的资源共享化平台";
                    break;
                default:
                    break;
            }
            imgYearMap[index] = { ...yearNode }
        }
    }
    const imgYearMap = {
        2022: {
            imageUrl: "/api/file/preview?fileId=806605557113823232&type=imgs",
            mainTitle: "2022",
            subTitle:
                "组织无边界，助力企业组织形态升级，形成职责清晰的资源共享化平台",
        },
        2021: {
            imageUrl: "/api/file/preview?fileId=806605548381282305&type=imgs",
            mainTitle: "2021",
            subTitle: "开放、共享和社会化的技术共享平台，开发资源共享的生态建设",
        },
        2020: {
            imageUrl:"/api/file/preview?fileId=806605535597043712&type=imgs",
            mainTitle: "2020",
            subTitle: "实现虚拟现实技术融入OA<br>让员工随时随地办公",
        },
        2019: {
            imageUrl:
                "/api/file/preview?fileId=806605522737307649&type=imgs",
            mainTitle: "2019",
            subTitle:
                "为每一个人<br>提供智能化的办公助理，<br>让个人与组织协同发展",
        },
        2018: {
            imageUrl:
               "/api/file/preview?fileId=806605509844017153&type=imgs",
            mainTitle: "2018",
            subTitle:
                "第一家<br>发布以“智能化、平台化、全程电子化”全新一代OA办公平台",
        },
        2017: {
            imageUrl:
                "/api/file/preview?fileId=806605501296025601&type=imgs",
            mainTitle: "2017",
            subTitle: "第一家发布一体化的<br>移动政务办公平台",
        },
        2016: {
            imageUrl:
            "/api/file/preview?fileId=806605488436289536&type=imgs",
            mainTitle: "2016",
            subTitle: "第一家<br>发布以语音智能化的移动化办公平台",
        },
        2015: {
            imageUrl:
                "/api/file/preview?fileId=806605475534610432&type=imgs",
            mainTitle: "2015",
            subTitle:
                "第一家<br>发布移动门户，<br>让企业所有的应用都可以装入到一个移动门户中",
        },
        2014: {
            imageUrl:
                "/api/file/preview?fileId=806605466885955584&type=imgs",
            mainTitle: "2014",
            subTitle: "第一家<br>发布基于微信全融合移动办公平台",
        },
        2013: {
            imageUrl:
                "/api/file/preview?fileId=806605454042996737&type=imgs",
            mainTitle: "2013",
            subTitle:
                "第一家<br>正式发布移动建模能力的移动办公平台，让企业的业务同步移动化",
        },
        2012: {
            imageUrl:
                "/api/file/preview?fileId=806605445536948224&type=imgs",
            mainTitle: "2012",
            subTitle:
                "第一家<br>正式布局云端化办公，<br>发布账号开通即可使用的<br>云端化移动办公平台",
        },
        2011: {
            imageUrl:
              "/api/file/preview?fileId=806605432559771649&type=imgs",
            mainTitle: "2011",
            subTitle:
                "第一家<br>发布以“社交化、移动化、平台化”为核心的协同管理平台",
        },
        2010: {
            imageUrl:
              "/api/file/preview?fileId=806605423860785153&type=imgs",
            mainTitle: "2010",
            subTitle: "第一家<br>发布移动办公平台<br>引领办公平台的移动化",
        },
        2009: {
            imageUrl:
               "/api/file/preview?fileId=806605411135266817&type=imgs",
            mainTitle: "2009",
            subTitle: "第一家<br>发布集成平台，打通内部信息孤岛、打造大OA平台",
        },
        2008: {
            imageUrl:
               "/api/file/preview?fileId=806605398275530753&type=imgs",
            mainTitle: "2008",
            subTitle: "第一家<br>发布建模引擎，实现用户的管理、业务支持能力",
        },
        2007: {
            imageUrl:
               "/api/file/preview?fileId=806605385357074434&type=imgs",
            mainTitle: "2007",
            subTitle:
                "第一家<br>发布集团化协同管理平台，<br>支持企业多元化、<br>全球化发展",
        },
        2006: {
            imageUrl: "",
            mainTitle: "2006",
            subTitle: "",
        },
        2005: {
            imageUrl:
               "/api/file/preview?fileId=806605372312788993&type=imgs",
            mainTitle: "2005",
            subTitle: "第一家<br>自主内容引擎发布<br>实现企业非结构化数据的管理",
        },
        2004: {
            imageUrl:
                "/api/file/preview?fileId=806605359436275713&type=imgs",
            mainTitle: "2004",
            subTitle: "第一家<br>自主门户引擎发布<br>一站式的融合所有的工作与资讯",
        },
        2003: {
            imageUrl:
               "/api/file/preview?fileId=806605346618482689&type=imgs",
            mainTitle: "2003",
            imageSize: window.innerWidth > 1700 ? "30%" : null,
            subTitle: "第一家<br>自主工作流引擎发布<br>以流程驱动企业运营",
        },
        2002: {
            imageUrl:
               "/api/file/preview?fileId=806605329539276801&type=imgs",
            mainTitle: "2002",
            subTitle: "第一家<br>提出以“组织为核心”的协同管理",
        },
        2001: {
            imageUrl:
             "/api/file/preview?fileId=806638722792562689&type=imgs",
            mainTitle: "2001",
            subTitle: "泛微起航，<br>协同管理平台v1.0发布",
        },
    };

</script>

</html>